<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>魔兽官网</title>
    </head>
    <body>
        <!-- 以下表单使用 GET 请求发送数据到当前的 URL，method 默认位 GET。 -->
        <form>
            <label>Name:</label>
            <input name="submitted-name" autocomplete="name">
            <button>Save</button>
        </form>
        <!-- 以下表单使用 POST 请求发送数据到当前的 URL。 -->
        <form method="post">
            <label>Name:</label>
            <input name="submitted-name" autocomplete="name">
            <button>Save</button>
        </form>
        <!-- 表单使用 fieldset, legend, 和 label 标签 -->
         <form method="post">
            <fieldset>
                <legend>Title</legend>
                <label>
                    <input type="radio" name="radio"> Select me
                </label>
            </fieldset>
         </form>

         <br>
         <!-- 带边框的表单 -->
          <form action="">
                <fieldset>
                    <legend>Personal Infomartions</legend>
                    Name: <input type="text" size="30" value="input name plaease"><br>
                    E-mail: <input type="text" size="30"><br>
                    Date of Birth: <input type="text" size="10"><br>
                    <input type="checkbox" name="vehicle[]" value="bike"> I have a bike <br>
                    <input type="checkbox" name="vehicle[]" value="car"> I have a car <br>
                    <input type="submit" value="提交">
                    
                </fieldset>
                <p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”</p>
          </form>

         
    </body>
</html>